<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8" />

<link rel="stylesheet"
	href="${pageContext.request.contextPath }/resources/front/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/resources/front/css/public.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/resources/front/css/font-awesome.css" />

</head>
<body>
	<div class="header">

		<div class="header-bd">
			<div class="nav">
				<span class="fa fa-bars" aria-hidden="true"></span> 导航 <span
					class="fa fa-caret-down" aria-hidden="true"></span>
			</div>
				<div class="nav-list">
					<div>
						<label>电影</label>
						 <c:forEach items="${bdictionaryByPrimary_list}" var="list" varStatus="s">
						<a href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=${list.code}">${list.name}</a>
					 </c:forEach> 
					</div>
					<div>
						<label>电视剧</label>
						<c:forEach items="${bdictionaryTVplay_list}" var="list" varStatus="s">
						<a href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=${list.code}">${list.name}</a>
					 </c:forEach> 
					</div>
					<div>
						<label>动漫</label>
						<c:forEach items="${bdictionaryComic_list}" var="list" varStatus="s">
						<a href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=${list.code}">${list.name}</a>
					 </c:forEach> 
					</div>
				</div>

			<div class="logo" style="margin-top:13px;">
				<a href="${pageContext.request.contextPath }/common/show.html"><img  
					src="${pageContext.request.contextPath }/resources/front_first/img/logo.png"
					alt="" /></a>
			</div>
			<div class="search">
				<div class="top">
					<div class="input-search">
						<form
							action="${pageContext.request.contextPath }/public/search.html"
							id="searchForm">
							<input id="search-input" type="text" name="name" id="name"
								value="" /> <img id="search"
								src="${pageContext.request.contextPath }/resources/front/img/search.png"
								onclick="searchBSeries()" alt="" />
						</form>
					</div>
					<div class="ranking">
						<%-- <a href="#"><img
							src="${pageContext.request.contextPath }/resources/front/img/ranking.png"
							alt="" /></a> --%>
					</div>
				</div>
				<ul>
					<c:forEach items="${bdictionaryKeywords_list}" var="list" varStatus="s">
						<li><a href="#" onclick="searchKeywords(this)">${list}</a></li>
					 </c:forEach>
				</ul>
			</div>
			<div class="sign">
				<!-- <a href="#">登录</a> <a href="#">注册</a> -->
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function searchBSeries(){
			$("#searchForm").submit();
		}
		function searchKeywords(obj){
			var key=$(obj).text();
			$("#search-input").val(key);
			searchBSeries();
		}
	</script>
</body>

</html>